
<html>
<head>
<title>CSS3 Background Color Test </title>

<style type="text/css">
#id1 {background-color: red; 
   }
#id2 {background-color: ff0000;}
#id3 {background-color: rgb(255,0,0);}
</style>
</head>

<body>




<h1>CSS3 Background Color Test</h1>





<ul>
<li>
The "background-color" property sets the background color of an element.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p id=id1>
If statement above is true, this paragraph should have a background color
of red.
The rule applied is "#id1 {background-color: red;}"
</p>
<p id=id2>
This paragraph should have a background color of red.
It should be the same color as the paragraph above.
The rule applied is "#id2 {background-color: ff0000;}"
</p>
<p id=id3>
This paragraph should also have a background color of red.
It should be the same color as the paragraph above.
The rule applied is "#id3 {background-color: rgb(255,0,0);".
</p>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, but should
have UA-default background color.
</p>

</body>
</html>
